<template>
  <div class="main_center">
    <el-button type="info" icon="el-icon-back" size="mini" @click="elevatorView">返回</el-button>
    <div class="list">
      <div v-for="id in ids" :key="id" class="video-box">
        <div class="video-title">
          <span>{{id}}楼摄像头</span>
          <span>{{new Date().formatTime()}}</span>
        </div>
        <div class="video-content"></div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "video-monitoring-play",
  data() {
    return {
      ids: [],
    }
  },
  created() {
    this.ids = this.$route.query.ids;
  },
  methods: {
    getData() {

    },
    elevatorView() {
      this.$router.go(-1);
    }
  }
}
</script>

<style scoped>
.main_center {
  padding: 10px;
  min-height: 100%;
  height: auto;
}

.list {
  height: 100%;
  overflow: auto;
  padding: 20px 14px;
  display: flex;
  flex-wrap: wrap;
}

.video-box {
  width: 791px;
  height: 395px;
  background-color: #e8e8e8;
  margin: 10px;
  padding: 20px;
}

.video-box span {
  font-size: 14px;
}

.video-box .video-title {
  display: flex;
  justify-content: space-between;
}
</style>
